* {
    margin: 0;
    padding: 0;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}
/*标题*/
.banner-title {
    height: 50px;
    border-bottom: 1px solid slategray;
    line-height: 50px;
    color: #e69137;
    text-indent: 10px;
    font-size: 20px;
}

/*top*/

.top {
    background-color: red;
    /*注释快捷键：ctrl+/ */
    height: 808px;
    /*width: 1000px;*/
    background-image: url("../img/banner_qtah.jpg");
}

.content {
    /*background-color: indigo;*/
    height: 450px;
    width: 1200px;
    margin: auto;
}

.foot {
    /*background-color: blue;*/
    height: 150px;
}

/*第一个对象  logo*/
.top-logo {
    height: 141px;
    width: 1200px;
    margin: auto;
}

/*当多处发现有一样的代码时，我们可以写一个公共的类*/
/*.top-logo-img{*/
/*    float: left;*/
/*}*/
/*.top-logo-phone{*/
/*    float: right;*/
/*}*/
/*.top-logo-phone-img{*/
/*    float: left;*/
/*}*/
/*.top-logo-phone-num{*/
/*    float: right;*/
/*}*/


.top-logo-img {
    height: 141px;
}

.top-logo-phone-img {
    /*此图片离上边div的距离*/
    margin-top: 55px;
    margin-right: 10px;
}

.top-logo-phone-num {
    line-height: 141px;
    color: white;
    font-size: 20px;
}

/*------------------------------导航---------------------------------*/
.top-nav {
    background-color: #e69137;
    height: 50px;
}

.top-nav-content {
    width: 1200px;
    margin: auto;
    height: 50px;
    /*background-color: gray;*/
}

/*选择top-nav-content 下面的ul标签*/
.top-nav-content ul {
    list-style: none;
}

.top-nav-content ul li {
    float: left;
    line-height: 50px;
    /*margin外边框 里面有四个参数  分别是上 右 下 左*/
    /*margin外边框 里面有两个参数的情况下  ，分别代表 上下 左右*/
    padding: 0 10px;
    color: white;
}

.top-nav-content ul li:hover {
    background-color: green;
    border-radius: 45px;
}

/*---------------------广告--------------------*/
.top-ad {
    width: 1200px;
    margin: auto;
    height: 600px;
    /*background-color: gray;*/
    color: white;
}

.top-ad-one {
    line-height: 100px;
    font-size: 40px;
}

.top-ad-two p {
    line-height: 30px;
}

/*span 属于行内元素，不会自动换行*/
.top-ad-three span {
    font-size: 20px;
}

/*even偶数  odd  奇数*/
.top-ad-three span:nth-child(even) {
    color: #e69137;
    font-size: 30px;
}

.top-ad-four {
    color: #e69137;
    font-size: 30px;
    /*margin-left: 50px;*/
    /*text-indent: 2em  相对于当前字体缩进两个单位*/
    text-indent: 2em;
}
/*foot*/
/*--------------------------底部----------------------------*/
.foot hr {
    border: 2px solid #e69137;
}

.foot-content {
    width: 1200px;
    margin: auto;
    /*width:100vw;*/
    /*font-size: 2vw;*/
    /*display: flex;*/
    /*justify-content: center;*/
    /*flex-direction: column;*/
    /*align-items: center;*/
}

.foot-content p {
    line-height: 30px;
    font-family: 黑体;
    font-weight: bold;
    font-size: 20px;

}

/*--------------------------标题 ------------------------*/
.title-plate div {
    float: left;
    background-color: #f3f3f3;
    padding: 0 10px;

}

/*.title-plate div:hover {*/
/*    background-color: #e69137;*/
/*    color: #f3f3f3;*/
/*}*/
/*分页*/
.news-page div {
    float: left;
    border: 1px solid slategray;
    margin: 5px;
    padding: 2px;
}

.news-page {
    display: flex;
    justify-content: center;
}